<!DOCTYPE html>
<html lang="en">
<head>
    <title>学习记录</title>
    <meta charset="UTF-8">
    <meta name=description content="">
    <meta name=viewport content="width=device-width, initial-scale=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="css/bootstrap.css" rel="stylesheet" media="screen">
    <link href="css/main.css" rel="stylesheet" media="screen">
</head>
<body>

<div class="header">
    <div class="headerTop">
        <a href="javascript:void(0);" class="logo"></a>
        <div class="headerSearch">
            <input type="text" name="keyword" class="form-control" autocomplete="off" placeholder="请输入课程关键字"/>
            <button type="button" class="btn btn-primary">
                <i class="iconfont">&#xe618;</i>
                搜索
            </button>
        </div>
        <div class="headerLogin">
            <i class="iconfont c999">&#xe625;</i>
            <a href="login.html" class="btn btn-default">登陆</a>
            <a href="register.html" class="btn btn-default register">注册有礼</a>
        </div>
    </div>
    <div class="menu">
        <a href="index.html">首　页</a>
        <a href="about.html">关于我们</a>
        <a href="course.html">全部课程</a>
        <a href="record.html" class="active">学习记录</a>
        <a href="user.html">个人中心</a>
    </div>
</div>

<div class="container">
    <div class="courseTabs">
        <a href="javascript:void(0);" class="active">国画</a>
        <a href="javascript:void(0);">国学</a>
        <a href="javascript:void(0);">软笔书法</a>
        <a href="javascript:void(0);">硬笔书法</a>
    </div>
    <div class="row clearfix text-right mb-20"><a href="javascript:void(0);" class="more">更多</a></div>
    <div class="row courseList">
        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
            <div class="recordItem vip">
                <div class="recordImg">
                    <a href="javascript:void(0);">
                        <img src="images/003.jpg" alt="" class="img-responsive">
                    </a>
                </div>
                <div class="recordInfo">
                    <div class="clearfix lh24">
                        <span class="pull-left font16">儿童入门国画</span>
                        <span class="pull-right">共 2 节</span>
                    </div>
                    <div class="clearfix lh24 pt-10">
                        <span class="pull-left money">￥<span class="font18">20</span>.00</span>
                        <span class="pull-right">1 人已学习</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
            <div class="recordItem hot">
                <div class="recordImg">
                    <a href="javascript:void(0);">
                        <img src="images/003.jpg" alt="" class="img-responsive">
                    </a>
                </div>
                <div class="recordInfo">
                    <div class="clearfix lh24">
                        <span class="pull-left font16">儿童入门国画</span>
                        <span class="pull-right">共 2 节</span>
                    </div>
                    <div class="clearfix lh24 pt-10">
                        <span class="pull-left money">免费课程</span>
                        <span class="pull-right">1 人已学习</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
            <div class="recordItem">
                <div class="recordImg">
                    <a href="javascript:void(0);">
                        <img src="images/003.jpg" alt="" class="img-responsive">
                    </a>
                </div>
                <div class="recordInfo">
                    <div class="clearfix lh24">
                        <span class="pull-left font16">儿童入门国画</span>
                        <span class="pull-right">共 2 节</span>
                    </div>
                    <div class="clearfix lh24 pt-10">
                        <span class="pull-left money">免费课程</span>
                        <span class="pull-right">1 人已学习</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
            <div class="recordItem">
                <div class="recordImg">
                    <a href="javascript:void(0);">
                        <img src="images/003.jpg" alt="" class="img-responsive">
                    </a>
                </div>
                <div class="recordInfo">
                    <div class="clearfix lh24">
                        <span class="pull-left font16">儿童入门国画</span>
                        <span class="pull-right">共 2 节</span>
                    </div>
                    <div class="clearfix lh24 pt-10">
                        <span class="pull-left money">￥<span class="font18">20</span>.00</span>
                        <span class="pull-right">1 人已学习</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
            <div class="recordItem">
                <div class="recordImg">
                    <a href="javascript:void(0);">
                        <img src="images/003.jpg" alt="" class="img-responsive">
                    </a>
                </div>
                <div class="recordInfo">
                    <div class="clearfix lh24">
                        <span class="pull-left font16">儿童入门国画</span>
                        <span class="pull-right">共 2 节</span>
                    </div>
                    <div class="clearfix lh24 pt-10">
                        <span class="pull-left money">免费课程</span>
                        <span class="pull-right">1 人已学习</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
            <div class="recordItem">
                <div class="recordImg">
                    <a href="javascript:void(0);">
                        <img src="images/003.jpg" alt="" class="img-responsive">
                    </a>
                </div>
                <div class="recordInfo">
                    <div class="clearfix lh24">
                        <span class="pull-left font16">儿童入门国画</span>
                        <span class="pull-right">共 2 节</span>
                    </div>
                    <div class="clearfix lh24 pt-10">
                        <span class="pull-left money">免费课程</span>
                        <span class="pull-right">1 人已学习</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
            <div class="recordItem">
                <div class="recordImg">
                    <a href="javascript:void(0);">
                        <img src="images/003.jpg" alt="" class="img-responsive">
                    </a>
                </div>
                <div class="recordInfo">
                    <div class="clearfix lh24">
                        <span class="pull-left font16">儿童入门国画</span>
                        <span class="pull-right">共 2 节</span>
                    </div>
                    <div class="clearfix lh24 pt-10">
                        <span class="pull-left money">￥<span class="font18">20</span>.00</span>
                        <span class="pull-right">1 人已学习</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
            <div class="recordItem">
                <div class="recordImg">
                    <a href="javascript:void(0);">
                        <img src="images/003.jpg" alt="" class="img-responsive">
                    </a>
                </div>
                <div class="recordInfo">
                    <div class="clearfix lh24">
                        <span class="pull-left font16">儿童入门国画</span>
                        <span class="pull-right">共 2 节</span>
                    </div>
                    <div class="clearfix lh24 pt-10">
                        <span class="pull-left money">免费课程</span>
                        <span class="pull-right">1 人已学习</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
            <div class="recordItem">
                <div class="recordImg">
                    <a href="javascript:void(0);">
                        <img src="images/003.jpg" alt="" class="img-responsive">
                    </a>
                </div>
                <div class="recordInfo">
                    <div class="clearfix lh24">
                        <span class="pull-left font16">儿童入门国画</span>
                        <span class="pull-right">共 2 节</span>
                    </div>
                    <div class="clearfix lh24 pt-10">
                        <span class="pull-left money">免费课程</span>
                        <span class="pull-right">1 人已学习</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<div class="footer">
    <div class="container">
        <ul>
            <li><i class="iconfont">&#xe63c;</i>400-803-1122</li>
            <li><i class="iconfont">&#xe652;</i>宝安区凯旋城人人乐一楼</li>
            <li><i class="iconfont">&#xe648;</i>www.fushiwenhua.com</li>
        </ul>
        <div class="footerQrcode">
            <img src="images/001.jpg" alt="">
            <span>关注一下  更多精彩</span>
        </div>
    </div>
</div>
<div class="kefu">
    <div class="clearfix text-center mb-30">
        <i class="iconfont font50 c717">&#xe606;</i>
        <div class="font20 c717 lh36">欢迎来到符氏书画教育</div>
    </div>
    <div class="clearfix">
        <a href="javascript:void(0);" class="btn btn-block is-plain mb-30">学员登录</a>
        <a href="javascript:void(0);" class="btn btn-block btn-img mb-30">注册送好礼 <img src="./images/001.png" alt=""></a>
    </div>
    <div class="blk20"></div>
    <div class="clearfix text-center">
        <a href="javascript:void(0);">
            <i class="iconfont c905 font50">&#xe627;</i>
            <span class="div_vm font25 c905 ml-10"><b>在线咨询</b></span>
        </a>
    </div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
